<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>小米有品</title>
	<link rel="stylesheet" href="./css/index.css">
</head>

<body>
	<div id="total">
		<div id="top1">
			<div>
				<a href="#">登录</a>
				<a href="#">注册</a>&nbsp;|&nbsp;
				<a href="#">帮助中心</a>&nbsp;|&nbsp;
				<a href="#">下载APP</a>&nbsp;|&nbsp;
				<a href="#">资质证照/协议规则</a>
			</div>
		</div>
		<div id="top2">
			<div class="top2-logo">
				<img src="./img/logo.d1484e61.png" alt="小米优品">
			</div>
			<div class="top2-ul">
				<ul>
					<li><a href="#" class="top2-ul-text">限时抢购</a></li>
					<li><a href="#" class="top2-ul-text">星品驾到</a></li>
				</ul>
			</div>
			<div class="search-img">
				<img src="./img/sousuo.png" alt="sousuo">
			</div>
			<div id="top2-input">
				<input type="text">
			</div>
			<div class="gouwuche">
				<img src="./img/gouwuche.png" alt="购物车">
			</div>

		</div>
		<div id="box">
			<div class="page-list">
				<div class="page-list-span">
					<span>首页</span>><span>家用电器</span>
				</div>
				
			</div>
			<div id="box1">
				<div class="box1-title">
					<h1>新品推荐</h1>
				</div>
				<div class="box1-main">
						<div class="main1-1">
							<img src="./img/扫地机器人.png" alt="">
							<h6>石头扫地机器人 智能扫托</h6>
							<p>全新地图管理，精心降噪设计，...</p>
							<p class="price"><strong>￥2799</strong></p>
						</div>
						<div class="main1-2">
							<img src="./img/洗衣机.png" alt="" class="xiyiji">
							<h6>Redmi全自动波轮洗衣机1A 8kg</h6>
							<p>大容量，极简操作，10种洗涤程...</p>
							<p class="price"><strong>￥799</strong></p>
						</div>
						<div class="main1-3">
							<img src="./img/晾衣机.png" alt="">
							<h6>邦先生智能晾衣机</h6>
							<p>持续暖风烘干，30kg承重能力，...</p>
							<p class="price">￥999</p>
						</div>
						<div class="main1-4">
							<img src="./img/煮饭机器人.png" alt="">
							<h6>饭小儿煮饭机器人</h6>
							<p>自动加米洗米，自定义口感，多...</p>
							<p class="price">￥849</p>
						</div>
						<div class="main1-1">
							<img src="./img/无线吸尘器.png" alt="">
							<h6>德尔玛手持无线吸尘器</h6>
							<p>2019年德国IF设计奖，3000转，...</p>
							<p class="price">￥499</p>
						</div>
						<div class="main1-2">
							<img src="./img/除湿一体机.png" alt="">
							<h6>德业空净除湿一体机</h6>
							<p>松下压缩机，HEPA符合过滤网，...</p>
							<p class="price">￥2499</p>
						</div>
						<div class="main1-3">
							<img src="./img/洗烘套装.png" alt="">
							<h6>法乐洗烘套装（变频滚筒洗衣机...）</h6>
							<p>热泵烘干衣干即停 默认防皱</p>
							<p class="price">￥499</p>
						</div>
						<div class="main1-4">
							<img src="./img/烟灶套餐.jpg" alt="">
							<h6>方太只能云魔方烟灶套餐EMD1T...</h6>
							<p>米家APP控制烟机，19m³/min大风...</p>
							<p class="price">￥849</p>
						</div>
				</div>
			</div>
			<div id="box1">
				<div class="box1-title">
					<h1>春季焕新</h1>
				</div>
				<div class="box1-main">
						<div class="main1-1">
							<img src="./img/扫地机器人.png" alt="">
							<h6>石头扫地机器人 智能扫托</h6>
							<p>全新地图管理，精心降噪设计，...</p>
							<p class="price"><strong>￥2799</strong></p>
						</div>
						<div class="main1-2">
							<img src="./img/洗衣机.png" alt="" class="xiyiji">
							<h6>Redmi全自动波轮洗衣机1A 8kg</h6>
							<p>大容量，极简操作，10种洗涤程...</p>
							<p class="price"><strong>￥799</strong></p>
						</div>
						<div class="main1-3">
							<img src="./img/晾衣机.png" alt="">
							<h6>邦先生智能晾衣机</h6>
							<p>持续暖风烘干，30kg承重能力，...</p>
							<p class="price">￥999</p>
						</div>
						<div class="main1-4">
							<img src="./img/煮饭机器人.png" alt="">
							<h6>饭小儿煮饭机器人</h6>
							<p>自动加米洗米，自定义口感，多...</p>
							<p class="price">￥849</p>
						</div>
						<div class="main1-1">
							<img src="./img/无线吸尘器.png" alt="">
							<h6>德尔玛手持无线吸尘器</h6>
							<p>2019年德国IF设计奖，3000转，...</p>
							<p class="price">￥499</p>
						</div>
						<div class="main1-2">
							<img src="./img/除湿一体机.png" alt="">
							<h6>德业空净除湿一体机</h6>
							<p>松下压缩机，HEPA符合过滤网，...</p>
							<p class="price">￥2499</p>
						</div>
						<div class="main1-3">
							<img src="./img/洗烘套装.png" alt="">
							<h6>法乐洗烘套装（变频滚筒洗衣机...）</h6>
							<p>热泵烘干衣干即停 默认防皱</p>
							<p class="price">￥499</p>
						</div>
						<div class="main1-4">
							<img src="./img/烟灶套餐.jpg" alt="">
							<h6>方太只能云魔方烟灶套餐EMD1T...</h6>
							<p>米家APP控制烟机，19m³/min大风...</p>
							<p class="price">￥849</p>
						</div>
				</div>
				
			</div>
			<div id="box1">
				<div class="box1-title">
					<h1>空调风扇</h1>
				</div>
				<div class="box1-main">
						<div class="main1-1">
							<img src="./img/扫地机器人.png" alt="">
							<h6>石头扫地机器人 智能扫托</h6>
							<p>全新地图管理，精心降噪设计，...</p>
							<p class="price"><strong>￥2799</strong></p>
						</div>
						<div class="main1-2">
							<img src="./img/洗衣机.png" alt="" class="xiyiji">
							<h6>Redmi全自动波轮洗衣机1A 8kg</h6>
							<p>大容量，极简操作，10种洗涤程...</p>
							<p class="price"><strong>￥799</strong></p>
						</div>
						<div class="main1-3">
							<img src="./img/晾衣机.png" alt="">
							<h6>邦先生智能晾衣机</h6>
							<p>持续暖风烘干，30kg承重能力，...</p>
							<p class="price">￥999</p>
						</div>
						<div class="main1-4">
							<img src="./img/煮饭机器人.png" alt="">
							<h6>饭小儿煮饭机器人</h6>
							<p>自动加米洗米，自定义口感，多...</p>
							<p class="price">￥849</p>
						</div>
						<div class="main1-1">
							<img src="./img/无线吸尘器.png" alt="">
							<h6>德尔玛手持无线吸尘器</h6>
							<p>2019年德国IF设计奖，3000转，...</p>
							<p class="price">￥499</p>
						</div>
						<div class="main1-2">
							<img src="./img/除湿一体机.png" alt="">
							<h6>德业空净除湿一体机</h6>
							<p>松下压缩机，HEPA符合过滤网，...</p>
							<p class="price">￥2499</p>
						</div>
						<div class="main1-3">
							<img src="./img/洗烘套装.png" alt="">
							<h6>法乐洗烘套装（变频滚筒洗衣机...）</h6>
							<p>热泵烘干衣干即停 默认防皱</p>
							<p class="price">￥499</p>
						</div>
						<div class="main1-4">
							<img src="./img/烟灶套餐.jpg" alt="">
							<h6>方太只能云魔方烟灶套餐EMD1T...</h6>
							<p>米家APP控制烟机，19m³/min大风...</p>
							<p class="price">￥849</p>
						</div>
				</div>
				
			</div>
			<div height="15px">&nbsp;</div>
			<hr>
			<div>
				<div class="bottom-logo">
					<img src="./img/logo.d1484e61.png" alt="小米优品">
				</div>
				<div class="bottom-p">
					<p>©xiaomiyoupin.com苏B2-20180351 苏ICP备18025642号-1 苏公网32010502010244号</p>
					<p>企业名称：有品信息科技有限公司 关于我们入驻有品</p>
					<p>小米有品平台运营主体变更公告</p>
					<p>南京市建邺区白龙江东街8号3栋9层联系方式:400-100-5678
					</p>
				</div>
				<div class="bottom-img">
					<img src="./img/f-logo.c6285587.png" alt="" >
				</div>
			</div>
		</div>
	</div>

</body>

</html>